<template>
	<div class="main">
	<div class="left">
		<Left></Left>
	</div>
	<div class="right">
		<div class="top">
			<img src="img/title.jpg">
		</div>
		<div class="buttom">
			<Right></Right>
		</div>
	</div>	
	</div>
</template>

<style type="text/css">
	* {
		padding: 0;
		margin: 0;
	}
	.main {
		width: 1200px;
		margin: 20px auto;
	}
	.left {
		width: 100px;
		margin-left: 10px;
		background-color: pink;
		float: left;

	}
	.right {
		width: 1000px;
		float: left;
		margin-left: 10px;
	}
	.top img{
		height: 200px;
		width: 1000px;
	}
	.left,.right {
		background-color: #f5f5f5;
	} 
</style>

<script type="text/javascript">
	import Left from '../components/Left.vue'
	import Right from '../components/Right.vue'
	export default {
		components:{
			Left,
			Right
		}
	}
</script>